<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">应付管理</h1>
</div>
<div class="wrapper-sm" ng-controller="feeManagentController">
    <div class="panel panel-default">
        <div class="panel-heading font-bold">查询</div>
        <div class="panel-body">
            <label class="control-label pull-left m-t-xs w-xss">费用编号</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="fa-searchz-feeCode" ng-model="queryTerms.feeCode" placeholder="请输入费用编号" name="feeCode">
            </div>
            <label class="control-label pull-left m-t-xs w-xs">结算承运商</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="fa-searchz-carrierName" ng-model="queryTerms.carrierName" placeholder="请输入结算承运商" name="carrierName">
            </div>
            <label class="control-label pull-left m-t-xs w-xs">付款方式</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" ng-model="queryTerms.paymentMethod" ng-options="x.value as x.text for x in paymentMethodList" id="paymentMethod" name="paymentMethod">
                    <option value="">全部</option>
                </select>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">合同号</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="fa-searchz-contractNumber" ng-model="queryTerms.contractNumber" placeholder="请输入合同号" name="contractNumber">
            </div>
            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left m-t-xs w-xss">申领起始时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="startTime" datetimepicker plugintype="datetime" ng-model="queryTerms.startTime" placeholder="起始时间" class="form-control" type="text" / name="startTime">
                    <span id="openstartTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">申领结束时间</label>
            <div class="col-md-2 col-xs-12 form-group">
                <div class="input-group input-group-sm date">
                    <input id="endTime" name="endTime" datetimepicker plugintype="datetime" ng-model="queryTerms.endTime" placeholder="结束时间" class="form-control" type="text" />
                    <span id="openendTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">车牌号</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="fa-searchz-carCode" ng-model="queryTerms.carCode" placeholder="请输入车牌号" name="carCode">
            </div>
            <label class="control-label pull-left m-t-xs w-xs">费用类型</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" ng-model="queryTerms.feeType" ng-options="x.value as x.text for x in feeTypeList" id="feeType" name="feeType">
                    <option value="">全部</option>
                </select>
            </div>
            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left m-t-xs w-xss">结算承运商电话</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="fa-searchz-carrierPhone" ng-model="queryTerms.carrierPhone" placeholder="请输入结算承运商电话" name="carrierPhone">
            </div>
            <label class="control-label pull-left m-t-xs w-xs">费用状态</label>
            <div class="col-md-2 form-group">
                <select class="form-control input-sm" ng-model="queryTerms.feeStatus" id="feeStatus" name="feeStatus" ng-options="x.value as x.text for x in feeStatusEnumList">
                    <option value="">全部</option>
                </select>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">申领人员</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="fa-searchz-applicant" ng-model="queryTerms.applicant" placeholder="请输入申领人员" name="applicant">
            </div>
            <label class="control-label pull-left m-t-xs w-xs">应付总编号</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="fa-searchz-feeSettleBillCode" ng-model="queryTerms.feeSettleBillCode" placeholder="请输入应付总编号" name="feeSettleBillCode">
            </div>
            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left m-t-xs w-xss">结算起始时间</label>
            <div class="col-md-2 form-group">
                <div class="input-group input-group-sm date">
                    <input id="settleStartTime" name="settleStartTime" datetimepicker plugintype="datetime" ng-model="queryTerms.settleStartTime" placeholder="起始时间" class="form-control" type="text" />
                    <span id="opensettleStartTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">结算结束时间</label>
            <div class="col-md-2 form-group">
                <div class="input-group input-group-sm date">
                    <input id="settleEndTime" name="settleEndTime" datetimepicker plugintype="datetime" ng-model="queryTerms.settleEndTime" placeholder="结束时间" class="form-control" type="text" />
                    <span id="opensettleEndTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">付款起始时间</label>
            <div class="col-md-2 form-group">
                <div class="input-group input-group-sm date">
                    <input id="payStartTime" name="payStartTime" datetimepicker plugintype="datetime" ng-model="queryTerms.payStartTime" placeholder="付款起始时间" class="form-control" type="text" />
                    <span id="openpayStartTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">付款结束时间</label>
            <div class="col-md-2 form-group">
                <div class="input-group input-group-sm date">
                    <input id="payEndTime" name="payEndTime" datetimepicker plugintype="datetime" ng-model="queryTerms.payEndTime" placeholder="付款结束时间" class="form-control" type="text" />
                    <span id="openpayEndTime" class="input-group-addon curpoint">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left m-t-xs w-xss">客户单位名称</label>
            <div class="col-md-2 form-group">
                <div angucomplete-alt id="client" placeholder="请输入客户单位名称" pause="100" selected-object="clientSelect" remote-api-handler="searchClient" local-data="clientData" search-fields="name" title-field="name" minlength="1" input-changed="inputChanged" input-class="form-control form-control-small input-sm"
                    initial-value="queryTerms.client" match-class="highlight" required>
                </div>
            </div>
            <label class="control-label pull-left m-t-xs w-xs">付款人员</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control input-sm" id="payUser" ng-model="queryTerms.payUser" placeholder="请输入付款人员" name="payUser">

            </div>
            <label class="control-label pull-left w-xs"></label>
            <div class="col-md-2 form-group"></div>

            <label class="control-label pull-left w-xs"></label>
            <div class="col-md-2  form-group">
                <button ng-click="queryFunc()" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':querying}" ng-disabled="querying" id="query">
                    <i class="fa fa-search" ng-show="!querying"></i>
                    <i class="fa fa-spinner no-bordr" ng-show="querying" ng-class="{'fa-spin':querying}"></i>
                    <span ng-show="!querying">查询</span>
                    <span ng-show="querying">查询中...</span>
                </button>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            应付管理列表
        </div>
        <div class="table-responsive">
            <div ui-grid="gridOptions" ui-grid-selection ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns ui-grid-exporter style="height:{{heightA}}px; min-width:1000px; min-height:395px; overflow-y:hidden;">
                <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
            </div>
        </div>
        <div class="panel-body">
            <div class="col-md-12 form-group">
                <button ng-click="checkDetail()" class="pull-right-xs btn btn-sm btn-info btn-addon " id="checkDetail"><i class="fa fa-eye"></i>查看详情</button>
                <button ng-click="exportFunc()" class="pull-right-xs btn btn-sm btn-success btn-addon " ng-if="canExcel" id="excel"><i class="fa fa-download"></i>导出报表</button>
                <label class="control-label  m-t-xs w-xs">费用合计：</label>
                <label class="control-label  m-t-xs">{{CostTotal}}</label>
            </div>
        </div>
    </div>
</div>